<template>
	<view class="page">
		<view class="content center">
			 <img src="/static/app/home.png" alt="" srcset=""> 
			 <text class="tip">分享我的生活</text>
			 <u-button :hairline="false" type="primary" shape="circle" text="登录" color="#FF2A43" @click="toPage('/pages/login/login?type=0')"></u-button>

			 <u-button :hairline="false" class="custom-style" :customStyle="style" type="primary" shape="circle" text="先去逛逛" color="#646665" @click="toPage('/pages/index/index?type=0')"></u-button>
		</view>
	</view>
</template>

<script>
// loadding -page wait choose

export default {
	data(){
		return{
			style:{
				color:'#FFF',
			}
		}
	}
};
</script>

<style lang="scss" scoped>
.page {
	height: 100vh;
	overflow: hidden;
	background-color: #ddd;
	padding: 20px; 
	.content {
		padding:100px 30rpx;
		color: #fff;
		.tip{
			margin: 20px 0 100px;
		}
	}
	.custom-style {
		margin-top: 20px;
		opacity: 0.5;
	}
}
</style>
